<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小区统计信息</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
    <th:block th:include="include :: header('首页')" />
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content">

        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>已入驻小区数量</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins" th:text="${mainEntity.courtCount}" />
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>管理住户数量</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins" th:text="${mainEntity.residentCount}" />
                        <small>户</small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>管理车位数量</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins" th:text="${mainEntity.carportCount}" />
                        <small>个</small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>处理投诉</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins" th:text="${mainEntity.complainCount}" />
                        <small>条</small>
                    </div>
                </div>
            </div>
        </div>


<!--        <div class="row">-->
<!--            <div class="col-sm-12">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>订单</h5>-->
<!--                        <div class="pull-right">-->
<!--                            <div class="btn-group">-->
<!--                                <button type="button" class="btn btn-xs btn-white active">天</button>-->
<!--                                <button type="button" class="btn btn-xs btn-white">月</button>-->
<!--                                <button type="button" class="btn btn-xs btn-white">年</button>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="row">-->
<!--                            <div class="col-sm-9">-->
<!--                                <div class="flot-chart">-->
<!--                                    <div class="flot-chart-content" id="flot-dashboard-chart"></div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="col-sm-3">-->
<!--                                <ul class="stat-list">-->
<!--                                    <li>-->
<!--                                        <h2 class="no-margins">2,346</h2>-->
<!--                                        <small>订单总数</small>-->
<!--                                        <div class="stat-percent">48% <i class="fa fa-level-up text-navy"></i>-->
<!--                                        </div>-->
<!--                                        <div class="progress progress-mini">-->
<!--                                            <div style="width: 48%;" class="progress-bar"></div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <h2 class="no-margins ">4,422</h2>-->
<!--                                        <small>最近一个月订单</small>-->
<!--                                        <div class="stat-percent">60% <i class="fa fa-level-down text-navy"></i>-->
<!--                                        </div>-->
<!--                                        <div class="progress progress-mini">-->
<!--                                            <div style="width: 60%;" class="progress-bar"></div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <h2 class="no-margins ">9,180</h2>-->
<!--                                        <small>最近一个月销售额</small>-->
<!--                                        <div class="stat-percent">22% <i class="fa fa-bolt text-navy"></i>-->
<!--                                        </div>-->
<!--                                        <div class="progress progress-mini">-->
<!--                                            <div style="width: 22%;" class="progress-bar"></div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                 </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>投诉列表</h5>
                        <div class="ibox-tools">
                        </div>
                    </div>
                    <div class="ibox-content">
                        <table id="bootstrap-table"></table>
                    </div>
                </div>
            </div>
         </div>
      </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/flot/jquery.flot.js}"></script>

    <th:block th:include="include :: footer" />
    <th:block th:include="include :: sparkline-js" />
    <script th:inline="javascript">

        var complainTypeDatas = [[${@dict.getType('complain_type')}]];
        var complainStatusDatas = [[${@dict.getType('complain_status')}]];
        var complainSolveTypeDatas = [[${@dict.getType('complain_solve_type')}]];
        var prefix = ctx + "property/complain";

        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                modalName: "投诉信息",
                columns: [{
                    checkbox: true
                },
                    {
                        field: 'id',
                        title: '主键',
                        visible: false
                    },
                    {
                        field: 'complainResidentNo',
                        title: '投诉人编号'
                    },
                    {
                        field: 'complainType',
                        title: '投诉类型',
                        formatter: function(value, row, index) {
                            return $.table.selectDictLabel(complainTypeDatas, value);
                        }
                    },
                    {
                        field: 'complainStatus',
                        title: '投诉状态',
                        formatter: function(value, row, index) {
                            return $.table.selectDictLabel(complainStatusDatas, value);
                        }
                    },
                    {
                        field: 'complainTime',
                        title: '投诉时间'
                    },
                    {
                        field: 'complainReason',
                        title: '投诉原因'
                    },
                    {
                        field: 'complainSolveTime',
                        title: '投诉解决时间'
                    },
                    {
                        field: 'complainSolveType',
                        title: '解决类型',
                        formatter: function(value, row, index) {
                            return $.table.selectDictLabel(complainSolveTypeDatas, value);
                        }
                    },
                    {
                        field: 'complainSolveResult',
                        title: '解决结果'
                    }]
            };
            $.table.init(options);
        });
    </script>
</body>
</html>
